﻿<Window x:Class="Memory_Board.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Memory Game Board"  mc:Ignorable="d" 
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
        Height="350" Width="525" WindowState="Maximized" Closed="Close">
    
    <Grid >
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*" />
            <ColumnDefinition Width="3*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition  />
                <RowDefinition  />
            </Grid.RowDefinitions>
            <Rectangle Fill="Red"/>
            <Rectangle Fill="Yellow" Grid.Row="1"/>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <TextBlock  Name="player1" Text="Player 1" TextAlignment="Center" FontSize="16" /> 
            </Grid>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <TextBlock Grid.Row="1" Margin="6,38,0,0" FontSize="13" Name="textBlock1" Text="Total pairs found" TextAlignment="Center">
                </TextBlock>
                <TextBlock Grid.Row="1" Margin="6,52,6,15" FontSize="32"  Name="ScoreBox" TextAlignment="Center" Text=""  />
                <TextBlock Grid.Row="1" Margin="41,101,34,26" Name="PicBlock1" VerticalAlignment="Center">
                <Image Name="Pic1" Source="arrow.jpg" VerticalAlignment="Center"></Image>
                </TextBlock>
                <TextBlock Grid.Row="1" HorizontalAlignment="Center" Margin="41,0,49,-1" Name="TimeHolder" VerticalAlignment="Bottom" FontSize="48"/>
            </Grid>
            <TextBlock Name="player3" Text="Player 3" TextAlignment="Center" FontSize="16" Grid.Row="1" />
            <TextBlock Grid.Row="1" Margin="0,38,5,0" FontSize="13" Name="textBlock3" Text="Total pairs found" TextAlignment="Center">
            </TextBlock>
            <TextBlock Grid.Row="1" Margin="6,51,6,16" FontSize="32"  Name="ScoreBox3" TextAlignment="Center" Text=""  />
            <Button Content="New Game" Grid.Row="1" Name="Reset" VerticalAlignment="Bottom" Margin="6,0,3,6" Click="NewGame_clicked" />
            <TextBlock Grid.Row="1" Margin="41,88,34,39" Name="PicBlock3" VerticalAlignment="Center">
                <Image Name="Pic3" Source="arrow.jpg" VerticalAlignment="Center"></Image>
            </TextBlock>
        </Grid>
        <Grid Grid.Column="1" >
            
                <Grid.Resources>
                    <Style TargetType="Button">
                        <Setter Property="Margin" Value="3"/>
                    </Style>
                </Grid.Resources>
                <Grid.RowDefinitions>
                    <RowDefinition  />
                    <RowDefinition  />
                    <RowDefinition  />
                    <RowDefinition  />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
            <Button Name="button1" Click="myButtonClicked" RenderTransformOrigin="0.5,0.5">
                <Image Name="display1">
                </Image>
                
            </Button>

            <Button Name="button2" Click="myButtonClicked"  Grid.Column="1" RenderTransformOrigin="0.5,0.5">
                <Image Name="display2">

                </Image>
            </Button>
            <Button Name="button3" Click="myButtonClicked" Grid.Column="2" RenderTransformOrigin="0.5,0.5">
                <Image Name="display3">

                </Image>
            </Button>
            <Button Name="button4" Click="myButtonClicked"  Grid.Column="3" RenderTransformOrigin="0.5,0.5">
                <Image Name="display4">

                </Image>
            </Button>
            <Button Name="button5" Click="myButtonClicked" Grid.Column="4" RenderTransformOrigin="0.5,0.5">
                <Image Name="display5">
                    
                </Image>
            </Button>
            <Button Name="button6" Click="myButtonClicked" Grid.Row="1" RenderTransformOrigin="0.5,0.5">
                <Image Name="display6">

                </Image>
            </Button>
            <Button Name="button7" Click="myButtonClicked" Grid.Row="1" Grid.Column="1" RenderTransformOrigin="0.5,0.5">
                <Image Name="display7">

                </Image>
            </Button>
            <Button Name="button8" Click="myButtonClicked" Grid.Row="1" Grid.Column="2" RenderTransformOrigin="0.5,0.5">
                <Image Name="display8">

                </Image>
            </Button>
            <Button Name="button9" Click="myButtonClicked"   Grid.Row="1" Grid.Column="3" RenderTransformOrigin="0.5,0.5">
                <Image Name="display9">

                </Image>
            </Button>
            <Button Name="button10" Click="myButtonClicked"  Grid.Row="1" Grid.Column="4" RenderTransformOrigin="0.5,0.5">
                <Image Name="display10">

                </Image>
            </Button>
            <Button Name="button11" Click="myButtonClicked" Grid.Row="2"  RenderTransformOrigin="0.5,0.5">
                <Image Name="display11">

                </Image>
            </Button>
            <Button Name="button12" Click="myButtonClicked" Grid.Row="2" Grid.Column="1" RenderTransformOrigin="0.5,0.5">
                <Image Name="display12">

                </Image>
            </Button>
            <Button Name="button13" Click="myButtonClicked"  Grid.Row="2" Grid.Column="2" RenderTransformOrigin="0.5,0.5">
                <Image Name="display13">

                </Image>
            </Button>
            <Button Name="button14" Click="myButtonClicked"  Grid.Row="2" Grid.Column="3" RenderTransformOrigin="0.5,0.5">
                <Image Name="display14">

                </Image>
            </Button>
            <Button Name="button15" Click="myButtonClicked" Grid.Row="2" Grid.Column="4" RenderTransformOrigin="0.5,0.5">
                <Image Name="display15">

                </Image>
            </Button>
            <Button Name="button16" Click="myButtonClicked" Grid.Row="3"  RenderTransformOrigin="0.5,0.5">
                <Image Name="display16">

                </Image>
            </Button>
            <Button Name="button17" Click="myButtonClicked" Grid.Row="3" Grid.Column="1" RenderTransformOrigin="0.5,0.5">
                <Image Name="display17">
                        
                </Image>
            </Button>
            <Button Name="button18" Click="myButtonClicked"  Grid.Row="3" Grid.Column="2" RenderTransformOrigin="0.5,0.5">
                <Image Name="display18">

                </Image>
            </Button>
            <Button Name="button19" Click="myButtonClicked" Grid.Row="3" Grid.Column="3" RenderTransformOrigin="0.5,0.5">
                <Image Name="display19">

                </Image>
            </Button>
            <Button Name="button20" Click="myButtonClicked"  Grid.Row="3" Grid.Column="4" RenderTransformOrigin="0.5,0.5">
                <Image Name="display20">
                </Image>
                
            </Button>

        </Grid>

        <Grid Grid.Column="2" >
            <Grid.RowDefinitions>
                <RowDefinition  />
                <RowDefinition  />
            </Grid.RowDefinitions>
            <Rectangle Fill="Blue" />
            <Rectangle Fill="Lime" Grid.Row="1"/>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <TextBlock  Name="player2" Text="Player 2" TextAlignment="Center" FontSize="16" />
            </Grid>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <TextBlock Grid.Row="1" Margin="0,38,5,0" FontSize="13" Name="textBlock2" Text="Total pairs found" TextAlignment="Center">
                </TextBlock>
                <TextBlock Grid.Row="1" Margin="6,64,6,3" FontSize="32"  Name="ScoreBox2" TextAlignment="Center" Text=""  />
                <TextBlock Grid.Row="1" Margin="40,101,36,25" Name="PicBlock2" VerticalAlignment="Center">
                <Image Name="Pic2" Source="arrow.jpg" VerticalAlignment="Center"></Image>
                </TextBlock>
            </Grid>
            <TextBlock Name="player4" Text="Player 4" TextAlignment="Center" FontSize="16" Grid.Row="1" />
            <TextBlock Grid.Row="1" Margin="0,38,5,0" FontSize="13" Name="textBlock4" Text="Total pairs found" TextAlignment="Center">
            </TextBlock>
            <TextBlock Grid.Row="1" Margin="6,64,6,3" FontSize="32"  Name="ScoreBox4" TextAlignment="Center" Text=""  />
            <TextBlock Grid.Row="1" Margin="40,100,21,26" Name="PicBlock4" VerticalAlignment="Center">
                <Image Name="Pic4" Source="arrow.jpg" VerticalAlignment="Center"></Image>
            </TextBlock>
        </Grid>
    </Grid>
</Window>
